import _ from 'lodash'; // 添加外部的模块包
import './style.css'; // 添加样式
import Icon from './icon.png'; // 引入Icon图片资源
import Data from './data.xml';  // 导入xml数据文件

// import printMe from './print.js'; //管理输出 ，测试生成多个输出文件
//import { cube } from 'mathjs'; // 安装脚本mathjs ： npm i mathjs -S

// 第一种常量
//import {conf_data} from "./config" // 导入常量不要加js
//conf_data.MY_CONST="xiehaijun"
//console.log("导入的配置变量MY_CONST="+conf_data.MY_CONST);
// 第二种常量
import * as confData from './config';// 导入指定的import { FloatVariantName, charVariantName } as variant from './config';
console.log(confData.intVariantName);    //100
console.log(confData.FloatVariantName);  //3.14159165
//confData.charVariantName = "sdfdsfds"; // 产量不能修改
console.log(confData.charVariantName);   //variantValue
console.log("静态方法获取服务器url调用="+confData.ConfData.serverUrl());

console.log('配置webpack.DefinePlugin的VERSION=' + VERSION);
// 根据配置是否加载依赖
if(!BROWSER_SUPPORTS_HTML5) require('html5shiv');

function component() {
  let element = document.createElement('div');

  if (process.env.NODE_ENV !== 'production') { // 判断环境变量
     console.log('process.env.NODE_ENV='+ process.env.NODE_ENV );
  }
  console.log($NODE_ENV)

  // lodash（目前通过一个 script 引入）对于执行这一行是必需的
  element.innerHTML = _.join(['Hello', 'webpack'], ' ');
  element.classList.add('hello');
  // 将图像添加到我们已经存在的 div 中。
  var myIcon = new Image();
  myIcon.src = Icon;
  element.appendChild(myIcon);

  
  // 控制台输出xml数据
  console.log(Data);

  let btn = document.createElement('button');
  let dd = {a:123};
  let {a}=dd;
  // 备足
  console.log(a);


const btn='123';
  btn.innerHTML = '点击这里，然后查看 console！';
  btn.onclick = function(){
    import('./print.js').then(()=>{
      debugger
      console.log('a.js is loaded dynamically');
    });
  };
  element.appendChild(btn);

  //var element = document.createElement('div');
  //element.innerHTML = [
    //'Hello webpack!',
    //'5 cubed is equal to ' + cube(5)
  //].join('\n\n');

  // 判断是否是生产环境
  if (!PRODUCTION) {
    console.log('Debug info');
  }
  if (PRODUCTION) {
    console.log('Production log');
  }

  return element;
}

document.body.appendChild(component());